<template>
<section class="_m-2">
  <cube-radio-group position="right" @input="notifyItemChange">
    <cube-radio v-model="checked" position="right" option="支付宝" >
      <i class="iconfont icon-zhifubao"></i> 支付宝 
    </cube-radio>
    <cube-radio v-model="checked" position="right" option="微信">
      <i class="iconfont icon-weixin1"></i> 微信 
    </cube-radio>
  </cube-radio-group>
</section>
</template>

<script>
export default {
  name: 'PayList',
  data () {
    return {
      checked: ""
    }
  },
  methods: {
    notifyItemChange () {
      this.$emit('notifyPayChange', this.checked);
    }
  }
}
</script>

<style lang="stylus" scoped>
section {
  background #FFF
  i {
    font-size 28px!important
  }
  i.icon-zhifubao {
    color #529FD4
    margin-right 10px
  }
  i.icon-weixin1 {
    color #4FC07F
    margin-right 10px
  }
}
</style>
